Профессиональная вёрстка от GeekBrains
Вы научитесь
Программа курса
Вас ждут теоретические занятия и практическое применение изученного материала. У вас также будет чат для общения с сокурсниками. После прохождения всех тем вы сдадите итоговую работу и получите сертификат о прохождении курса.
Позиционирование элементов. Практическая верстка.
Рассмотрите на практике, как располагаются элементы на странице, распределите объекты по горизонтальной сетке и по вертикали.
Структура HTML5, знакомство с формами
Изучите семантические элементы, аоймёте, что они означают и где применяются. Рассмотрите примеры использования тегов, составляющих структуру сайта. Проверите формы на возможные ошибки.
Практическое применение Bootstrap
Узнаете, что такое Bootstrap и как его подключить. Научитесь добавлять объекты с помощью Bootstrap. Соберете страницу, используя изученный материал.
Препроцессоры: применение на практике
Познакомитесь с препроцессорами и разберётесь в сферах и целях применения, изучите структуру двух распространённых препроцессоров: LESS и SASS.
Эффекты перехода и трансформации в CSS3
Изучите различные эффекты перехода и скролла, узнаете, для чего нужны трансформации и как анимировать объекты. Используете трансформацию в своем проекте.
CSS3: медиа-запросы, адаптивная верстка
Изучите медиа-запросы, научитесь создавать простые запросы и разберетесь в сфере их применения. Примените на практике полученные знания.
Практическое применение адаптивной верстки
Освоите адаптивную верстку, научитесь добавлять плавый скролл и Flexbox для сложных гибких макетов. Сдадите итоговую работу.
Grid layout, новые возможности CSS3
Изучите двумерную сетку для CSS,- Grid layout, поймете принципы адаптивного дизайна. Разберетесь в синтаксисе CSS3 на практических примерах.
Похожие курсы
В каталог
